<!DOCTYPE html>
{% load   staticfiles %}
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.view {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
			}

			h3 {
				color: #303133;
				font-size: 18px;
			}

			.attr {
				font-size: 14px;
				color: #909399;
			}

			.zhi {
				font-size: 14px;
				color: #777;
			}

			.mainView {
				width: 100%;
				height: 100%;
			}

			.box {
				width: 100%;
				border: 1px solid #ccc;
			}

			.boxs-items {
				width: 100%;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
			}

			.item {
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				width: 33.3%;
				border: 1px solid #ccc;
				text-align: left;
				padding: 3px;
			}

			.items {
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				width: 100%;
				border: 1px solid #ccc;
				text-align: left;
				padding: 3px;
			}

			.speH {}

			.speImg {
				width: 50%;
			}

			.itemSpec {
				width: 5%;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				border: 1px solid #ccc;
				text-align: left;
				padding: 3px;
			}

			.itemSpeW {
				width: 45%;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				border: 1px solid #ccc;
				text-align: left;
				padding: 3px;
			}

			.itemSpeF {
				width: 33.33%;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				border: 1px solid #ccc;
				text-align: left;
				padding: 3px;
			}

			.lastHi {}

			.borderR {
				border-right: 0;
			}

			.borderT {
				border-top: 0;
			}

			.borderL {
				border-left: 0;
			}

			.borderR {
				border-top: 0;
			}

			table {
				border: 1px solid #b2b2b2;
				border-right: 0;
				border-bottom: 0;
				border-collapse: separate;
				border-spacing: 0;
				width: 100%;
			}

			td {
				border-right: 1px solid #b2b2b2;
				border-bottom: 1px solid #b2b2b2;
				width: 33%;
				color: #909399;
				font-size: 14px;
				padding: 3px;
			}

			.color77 {
				color: #777;
			}

			.w33 {
				width: 33%;
			}
		</style>
	</head>
	<body>
		<div class="view">
			<div class="mainView">
				<h3>保养工单详情</h3>
				<table>
					<tr>
						<td class="w33">电梯注册号：<span class="color77">{{ register_code }}</span></td>
						<td class="w33">电梯类型：<span class="color77">{{ elevator_type }}</span></td>
						<td class="w33">维保类型：<span class="color77">{{ maintain_type }}</span></td>
					</tr>
					<tr>
						<td class="w33">保养日期：<span class="color77">{{ day }}</span></td>
						<td class="w33">维保人员签名：</td>
						<td class="w33">使用单位签名：</td>
					</tr>
					<tr style="height: 180px;">
						<td class="w33">保养记述：<span class="color77">{{ desc }}</span></td>
						<td class="w33">
							<img src='{%  static maintain_signature %}' alt="" class="speImg">
						</td>
						<td class="w33">
							<img src='{%  static signature %}' alt="" class="speImg">
						</td>
					</tr>
					<tr>
						<td colspan="3">维保单位：<span class="color77">{{ maintain_company_name }}</span></td>
					</tr>
					<tr>
						<td colspan="3">使用单位：<span class="color77">{{ property_company_name }}</span></td>
					</tr>

				</table>
				<table style="margin-top: 5px;">
                    {% for content in wb_content %}
					<tr style="width: 100%;">
						<td style="width: 5%;">{{ forloop.counter }}</td>
						<td style="width: 45%;">{{ content.ckitem }}</td>
						<td style="width: 45%;">{{ content.ckcontent }}</td>
						<td style="width: 5%;">{{ content.ckvalue }}</td>
					</tr>
                    {% endfor %}
                    {% for picture in pictures %}
					<tr style="width: 100%;">
						<td style="width: 5%;">1</td>
						<td style="width: 45%;">机房、滑轮间环境</td>
						<td style="width: 45%;">清洁,门窗完好,照明正常</td>
						<td style="width: 5%;">正常</td>
					</tr>
                    {% endfor %}
				</table>
				<table style="margin-top: 5px;">
					<tr style="height: 180px;">
						<td class="w33">位置：<span class="color77">{{ picture.materials }}</span></td>
						<td class="w33">
							材料名称：{{ picture.note }}
						</td>
						<td class="w33">
							<img src='{%  static picture.image %}' alt="" class="speImg">
						</td>
					</tr>
				</table>
			</div>
		</div>
	</body>
</html>
<script type="text/javascript">

</script>
